<route lang="yaml">
meta:
  layout: false
</route>

<script setup lang="ts">
import { useDark, useToggle } from '@vueuse/core'

const isDark = useDark()
const toggleDark = useToggle(isDark)
</script>

<template>
  <div>
    首页信息
    <button @click="toggleDark()">
      Is Dark: {{ isDark }}
    </button>
    <RouterLink to="/app">
      打开APP
    </RouterLink>
  </div>
</template>

<style lang="scss" scoped>
</style>
